/*------------------------------------------------------------------
[Main Menu Stylesheet]

Project:		Shared Rides
Last change:	25/08/2014
Assigned to:	Santiago Alurralde (sa)
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Multistepform /]
------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Navigation Steps / .nav-steps]
------------------------------------------------------------------*/

.nav-steps {
	background:				-webkit-linear-gradient(top, #90AA44, #50A410);
	background:				   -moz-linear-gradient(top, #90AA44, #50A410);	
	margin:					20px 0 0 0;	
	padding-top:			10px;
	text-align:				center;
	top:					0;
	width:					100%;
	z-index:				1000;
}
	.nav-steps li {
		display:			inline-block;
		height:				30px;
		list-style-type:	none;
		width:				33%;
		
	}
	.nav-steps li a:active { 
		background-color:	black; 
	}

.steps {
	display:				block;
	text-align: 			center;
}

.steps li.choices {
	display:				inline-block;
	list-style-type: 		none;	
	width:					35%;		
	opacity:				1;
	cursor:					pointer;

	-webkit-transition: 	all .2s ease-out;  	
       -moz-transition: 	all .2s ease-out;  
   			transition: 	all .2s ease-out;
}

.steps li.choices:hover {
	-webkit-transform: 		scale(1.07, 1.07);
}

.steps label {
	display:				block;
	margin-top:				10px;
	font-size:				95%;
	text-align:  			center;
}

.steps img {
	width: 					175px;
}

.buttons-steps {
	clear:					both;
	margin-top:				30px;
	position:				relative;
	text-align:				center;
	width:					100%;
}

.sr-dialog{
	font-size:				80%;
}

.alerts {
	border:					solid #CFCFCF 1px;
	box-shadow:         	0 1px 2px #D1D1D1;
	margin:					0 auto;
	margin-top: 			20px; 	
	text-align: 			center;
	width:					60%;
	padding:				3%
}

.alerts img {
	position: 				relative; 
	left: 					25%; 
	width:					55px;
	height: 				50px;
}

/*------------------------------------------------------------------
[Starting Conditions]
------------------------------------------------------------------*/

.btn-back, .btn-OK, .btn-default, .search-results, .sr-dialog, .alerts, .step-shift{
	display:		none;
}

.sr-maps{
	visibility:		none;
}

.btn-default, .btn-OK{
	margin-left:	60px
}

.btn-default{
	width:			200px;
}

/*------------------------------------------------------------------
[Tables / ]
------------------------------------------------------------------*/

.search-results {
	width:					100%;
    height:					100%;
}

.table-found {
	margin:					0 auto;
}

.sr-table-users {
	font-family: 			'Raleway-Thin', sans-serif;	
}

.sr-table-users th {
	background:				#FAFAFA;
	padding:				20px 25px 25px;
	border-bottom:			1px solid #E0E0E0;
}

.sr-table-users .profile-picture {					
	width: 					100px;
	height:					110px;
}

.help-icon {
	vertical-align: 		middle;
	width:					40px;
}

/*------------------------------------------------------------------
[Tooltip / OVERRIDE ]
------------------------------------------------------------------*/

.ui-tooltip, .arrow:after {
	background-color: 	#F0F0F0;
 	border: 			2px solid #FAFAFA;	
}

.ui-tooltip {
	box-shadow: 		.2px .75px 4px #999;
}	

